html, body, div, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, fieldset, figcaption, figure, footer, group, header, hgroup, legend, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {margin: 0; padding: 0; border: 0;}

ul {list-style-type: none;}
body {font-size:100%; width: 100%; min-height:100%; height: 100%; overflow-x:visible;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0.2);}
body, form, textarea {font-family:"Helvetica Neue",Helvetica,Roboto,sans-serif;}
body {background-color:#fafafa;}
#apiPage {background-color: #fafafa;}
#actionBar,#bottomTab {line-height:0px; font-size:0px; height:0px;}
/*#bottomTab div {border-top: 1px solid #fff;-webkit-box-shadow: 0px -1px 0px 0px #bebebe;-moz-box-shadow: 0px -1px 0px 0px #bebebe;box-shadow: 0px -1px 0px 0px #bebebe;}*/

#apiPage, .api-page a {color:#333333; /*text-shadow: 0 1px 0 #fff;*/}
a, a:hover, a:active {text-decoration: none;}

.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden; margin:0;padding:0;}
.clearfix {zoom:1;}
.rfloat {float:right;}
.lfloat {float:left;}
.hide {display: none;}

.input {background: transparent;-webkit-box-sizing: border-box;border: 1px solid #d3d3d3;-webkit-box-flex: 1;-webkit-box-shadow: none;display: block;margin: 0; padding:5px;}
input[type=text],input[type=password],input.text,select{display:inline-block;padding:4px;margin:0;outline:none;background-color:#fff;border:1px solid #ccc;}
input[type=text],input[type=password],input.text,textarea{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);-webkit-transition:.2s linear background;-moz-transition:.2s linear background;transition:.2s linear background;}
input[type=text]:focus,input[type=password]:focus,input.text:focus{outline:0;color:#333;border-color:#92B908;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(161,200,24,.6);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(161,200,24,.6);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(161,200,24,.6);}
input[type=file]:focus,input[type=checkbox]:focus,select:focus{outline:1px dotted #666;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
textarea {resize: none; padding:0;margin:0;outline:none;background-color:#fff; font-size:1em; line-height:20px; max-width:100%; width:100%; border-radius:0px; border:0px solid transparent; -webkit-box-shadow: none;}
textarea:focus {outline:0;}

.button {text-align:center; -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;background:#ddd url(button.gif) repeat-x 0 0;border-color:#bbb #bbb #999;border-radius:3px;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;font:12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;margin:0;overflow:hidden;padding:5px 9px 5px 9px;text-shadow:0 1px #F0F0F0;color:#333!important;*display:inline;*zoom:1;}

table.list {width:100%; max-width:100%; border-collapse: 0px; border-spacing: 0px; border: none;}
.list td {vertical-align:top; font-size:0.85em; padding:5px;}
.list tr.r1 {background-color: #f3f3f3;}
.list .hd td {font-weight:bold; background-color: #959595; color:#efefef; text-shadow: 0 1px 0 #454545; padding-top:5px; padding-bottom:5px;}

i {display: inline-block; background-color: transparent; background-image: url(i.png?v=v); background-repeat: no-repeat; font-size: 0px; line-height: 0px; vertical-align: middle;}
i.i0-0 {background-position: 0 0; width:19px; height:11px;}

ul.ui-list {list-style-type: none; margin: 0; padding: 0;}

.me {background-color: #fefefe; border: 1px solid #e5e5e5;border-bottom: 1px solid #dedede; margin:5px;}
.me .me-head {font-size:12px; padding:0.5em 0.5em 0 0.5em;}
.me .robo {padding-bottom:3px; font-weight: bold;}
.me .meta, .me .meta a {font-size:11px; color:#a0a0a0;}
.me .avatar {margin-right: 16px; width:46px; height: 46px; box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px; -webkit-border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; border-radius: 100% 100% 100% 100%;}
.me .me-ctn {line-height: 1.4em; font-size: 0.9em; padding:0.5em;}
.me .mid-unit {padding:0 0.5em 0.5em 0.5em;}
.me .below-unit {background-color: #eff1f2; border-top:1px solid #e5e5e5; text-align: center; position: relative;}
.me .ui-actions a {font-weight: bold; color:#737780; font-size:12px; padding:0.5em;}
.me .ui-actions {display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: justify;font-size: 12px;line-height: 30px;pointer-events: auto;width: 100%;}
.me .ui-actions .btn {-webkit-box-sizing: border-box;color: #a8a9ab;display: block;-webkit-box-flex: 1;overflow: hidden;padding: 0;position: relative; text-align: center;}
.me .ui-actions .btn:after {bottom: 7px; content: ''; position: relative; top: 7px; float: right; display: inline-block; width: 1px; height: 1.5em; background-color: transparent; border-right: 1px solid #d6d8db;}
.me .ui-actions .btn:last-child:after {display: none;}
.me .reply i {width: 16px; height: 16px; background-position: -148px -16px;}
.me .vip {position:absolute; left:40px; margin-top:18px; width:27px; height:25px; background-color:#fecd40; background-color:rgba(255, 255,255, 0.4); padding:3px; text-align: center; -webkit-border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; border-radius: 100% 100% 100% 100%;}
.me a.user-vip {color:#ff5a00!important; background: transparent url(vip.gif?v=2) 0 50% no-repeat; padding-left:20px; display: inline-block; min-height:15px; line-height:2em;}
.me a.user {color:#565656!important; line-height:2em;}
.stats .like-count, .stats .no-reply {padding-right:0.5em;}
.stats i {width: 12px; height: 16px; vertical-align: middle;}
.stats b {font-weight: bold; font-size: 12px;}
.stats .cold i {background-position: -20px -0px;}
.stats .cold b {color: #989898;}
.stats .cool i {background-position: -32px 0px;}
.stats .cool b {color:#1c75d5;}
.stats .warm i {background-position: -44px 0px;}
.stats .warm b {color:#588b00;}
.stats .hot i {background-position: -56px 0px;}
.stats .hot b {color:#ee4b11;}
.stats .no-reply i {width:16px; height:16px; background-position: -68px 0;}
.stats .no-reply b {color: #989898;}
.stats .copy i {width:16px; height:16px; background-position: -116px -16px;}
.stats .copy b {color: #989898;}
.me .emoji {vertical-align: middle;}

.me {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.me .below-unit {-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}


/**SMILEYS**/
.smi {background-image: url(smile.png); margin: 0px 2px; width: 20px; height: 22px; vertical-align: middle;}
.s00{background-position:0px 0px;}.s01{background-position:-20px 0px;}.s02{background-position:-40px 0px;width:41px;}.s03{background-position:-81px 0px}.s04{background-position:-101px 0px;width:21px;}.s05{background-position:-122px 0px;width:21px;}.s06{background-position:-143px 0px;width:23px;}.s07{background-position:-166px 0px;}.s08{background-position:-186px 0px;}.s09{background-position:-206px 0px;}
.s10{background-position:0px -23px;width:21px;}.s11{background-position:-21px -23px;width:25px;}.s12{background-position:-46px -23px;}.s13{background-position:-66px -23px;width:27px;}.s14{background-position:-93px -23px;}.s15{background-position:-113px -23px;width:23px;}.s16{background-position:-136px -23px;}.s17{background-position:-156px -23px;width:27px;}.s18{background-position:-183px -23px;width:22px;}.s19{background-position:-205px -23px;width:22px;}
.s20{background-position:0px -45px;}.s21{background-position:-20px -45px;width:24px;}.s22{background-position:-44px -45px;width:29px;}.s23{background-position:-73px -45px;width:31px;}.s24{background-position:-104px -45px;width:24px;}.s25{background-position:-128px -45px;width:25px;}.s26{background-position:-153px -45px;width:22px;}.s27{background-position:-175px -45px;width:22px;}.s28{background-position:-197px -45px;width:21px;height:21px;}.s29{background-position:-218px -45px;height:21px;}
.s30{background-position:0px -67px;width:22px;}.s31{background-position:-22px -67px;width:22px;}.s32{background-position:-44px -67px;width:19px;height:19px;}.s33{background-position:-63px -67px;height:20px;width:22px;}.s34{background-position:-85px -67px;width:21px;height:21px;}.s35{background-position:-106px -67px;width:21px;height:21px;}

/*#simi #form {position: fixed; bottom:0px; left:0px; width: 100%; z-index: 1;}*/
#form .main-header {padding:5px; white-space: nowrap; background: transparent url(translate.png) center center no-repeat;}
#form .lang-list {width: 50%; margin: 0; word-break: normal; height: 2em; display: inline-block;}
#form .margin-right {margin-right:25px;}
#form .margin-left {margin-left:25px;}
#form select {font-size: 1em; width: 100%; line-height: 1.5em; -webkit-appearance: none; min-height: 2em; min-height: 100%; height: 2em; max-height: 100%;}
#form .second-header {padding:0 5px 5px 5px; white-space: nowrap; position: relative;}
#form .input-wrap {padding-right:40px; padding-left:40px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background-color: #fdfdfd; margin-top:5px;}
#form .go-wrap {position: absolute; right: 0px; top:0px;}
#form .del-wrap, #form .left-button-wrap {position: absolute; left: 0px; top:0px;}
#form .go-button {width:40px; height:32px; margin-right:5px; background: transparent url(next.png) center center no-repeat;}
#form .del-button, #form .left-button {width:40px; height:32px; margin-left:5px; background: transparent center center no-repeat;}
#form .del-button {background-image:url(del.png); }
#form .go-button, #translator .del-button {cursor:hand; cursor: pointer;}
#form #go {display: none;}
#form input[type=text]#orig,#form input[type=text]#msg {border-width: 0px; border-right-width: 1px;border-left-width: 1px;}
#form #orig, #form #msg {width: 100%; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 32px;}
#translate .section-header {padding: 0.5em; font-weight:bold; border-bottom: 1px solid #ffffff; background-color: #efefef; color:#898989;}
#translateRs #trans {margin-bottom:0.6em;}
#translateRs .trans {font-size:1.1em; padding:5px 5px 5px 15px; line-height: 1.5em;}
#translateRs #trans .tools {padding: 5px 15px 5px 15px; font-size: 0.9em; text-align: left;}

#translateRs .dict, #translator .now-text {padding:5px 5px 0.6em 15px;}
#translateRs .pos {font-weight: bold;}
#translateRs .entry {line-height: 1.4em;}
#translateRs .rvs {font-size:0.9em; color:#919191;}
#translateRs.loading {background: transparent url("loading.gif") 20px 20px no-repeat; padding:20px;}


body#goalKeeperGame {background-color: #3e6603;}
#goalKeeper {margin:5px; background-color: #fafafa; border:1px solid #dedede;}
#goalKeeper .top-heading {padding:8px; font-weight: bold; text-align: center; border-bottom: 1px solid #dedede; color: #485830}
#goalKeeper #keepers .head-bar {padding:5px; border-bottom:1px solid #efefef; border-top:1px solid #ffffff; font-size:0.85em; background-color: #f2f2f2;}
#goalKeeper .list li { border-bottom:1px solid #efefef; border-top:1px solid #ffffff; font-size: 0.9em; background: transparent url(player.png) 5px center no-repeat; padding:5px; padding-left:30px;}
#goalKeeper .list .player {padding-top:5px; font-weight: bold; font-size: 0.85em; color:#3e6603;}

#diemThi .tit {text-align:center; padding:5px; margin:5px; border: 1px solid #c6066c;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #e5147c;}
#diemThi .tit a {color:#ffffff;text-shadow: 0 1px 0 #c6066c; font-weight:bold;}
#diemThi #selectSchool {padding:5px; position: relative;}
#diemThi #codeShow {border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fdfdfd; padding:6px;}
#diemThi #codeList {padding:0 5px 5px 5px;}
#diemThi #codeList div {padding:3px;}
#diemThi #searchRs.loading {background: transparent url("loading.gif") 20px 20px no-repeat; padding:20px;}